<!-- 推广页面 -->
<template>
    <view class="promotionPage" :style="{ background: pageBg, backgroundSize: '100%' }">
        <view class="myWallet">我的钱包</view>
        <view class="myMoney">1000000.00</view>
        <u-button text="收支记录" shape="circle" size="mini" @click="toSzjl" />
        <u-button type="primary" text="生成我的邀请二维码" shape="circle" :hairline="false" size="large"/>
        
        <view class="ruleBox" :style="{ background: ruleBg, backgroundSize: '100% 100%' }">
            入股规则： 信息获取：通过酒馆官方网站、社交媒体平台或官方邮件获取最新的入股招募信息 意向登记：填写入股意向表，提交个人或企业基本信息及投资意向金额。 资格审核：酒馆将对提交的意向信息进行审核，确认是否符合入股资格。
        </view>
    </view>
</template>

<script>
export default {
    components: {},
    data() {
        return {
            pageBg: '',
            ruleBg: '',
            
        }
    },
    async created() {
        try {
            this.pageBg = `url(${await this.toBase64('/static/img/promotionBg.png')})`;
            this.ruleBg = `url(${await this.toBase64('/static/img/ruleBg.png')})`;
        } catch (err) {
            console.error('读取文件失败:', err);
        }
    },
    methods: {
        toSzjl() {
            uni.navigateTo({
                url: '/pages/transactionRecord/transactionRecord'
            })
        }
    }
}
</script>

<style lang="scss" scoped>
.promotionPage {
    width: 100%;
    height: 100vh;
    padding: 650rpx 30rpx 0;
    
    .myWallet {
        font-family: PingFang SC, PingFang SC;
        font-size: 28rpx;
        color: #FFFFFF;
        text-align: center;
    }
    .myMoney {
        font-family: Roboto, Roboto;
        font-weight: 500;
        font-size: 48rpx;
        color: #FFFFFF;
        text-align: center;
    }
    ::v-deep .u-button--mini {
        margin: 40rpx auto;
        width: 180rpx;
        height: 60rpx;
        font-family: Roboto, Roboto;
        color: $uni-text-color-white-btn;
        text {
            font-size: 30rpx !important;
        }
    }
    ::v-deep .u-button--primary {
        border-width: 0;
    }
    
    .ruleBox {
        width: 690rpx;
        margin: auto;
        padding: 70rpx;
        font-family: Roboto, Roboto;
        font-size: 30rpx;
        color: $uni-text-color-inverse;
        line-height: 42rpx;
        text-align: left;
        font-style: normal;
        text-transform: none;
    }
}
</style>